extends layout/navbar

block link
    link(rel='stylesheet', href='/vendor/ui/jquery-ui.min.css')
    link(rel='stylesheet' href='/vendor/fullcalendar-3.1.0/fullcalendar.css')
    link(rel='stylesheet', href='/vendor/fullcalendar-3.1.0/fullcalendar.print.css', media='print')
    //link(rel='stylesheet', href='/css/notify.css')
    link(rel='stylesheet', href='/css/reservation.css')



block content

    - user = typeof(udata) != 'undefined' ? udata : { }
    input(type='hidden', value= user.user)#userUser
    //a(data-toggle='dropdown', href='#menu1').dropdown-toogle Dropdown

    - user = typeof(room_id) != 'undefined' ? room_id : { }
    input(type='hidden', value= room_id)#room_id

    //div#wrap
    div#toptap
        ul.nav.nav-pills
            li(role="presentation", class='active', id="room1")
                a(href='#') 第一会议室
            li(role="presentation", id="room2")
                a(href='#') 第二会议室
            li(role="presentation", id="room3")
                a(href='#') 第三会议室
            li(role="presentation", id="room4")
                a(href='#') 第四会议室

    div#reservation-container
        button(class="btn btn-primary")#manage-reservation 预约管理
        button(class="btn btn-primary")#my-reservation 我的预约
        button(class="btn btn-primary")#make-reservation 预约申请


        //div#calendarContainer
        //默认是div
    div#calendar-container

        div#calendar

        div#external-events
            h4#status-info 预约状态说明
            btn#status-ing.fc-event 申请中
            div#status-success.fc-event 申请成功
            div#status-failed.fc-event 申请失败
            div#status-finished.fc-event 已结束

        //.page-header
        //#calendar
        //div(style='clear:both')

    //div#mydropdown.btn-group
    //    button(data-toggle='dropdown', type='button', aria-haspopup="true" aria-expanded="true")#dropdownMenu1.btn.btn-default.btn-lg.dropdown-toggle 第一会议室
    //        span.caret
    //    ul(aria-labelledby="dropdownMenu2").dropdown-menu
    //        li#room1
    //            a(href = "#") 第一会议室
    //        li(role='separator').divider
    //        li#room2
    //            a(href = "#") 第二会议室
    //        li(role='separator').divider
    //        li#room3
    //            a(href = "#") 第三会议室
    //        li(role='separator').divider
    //        li#room4
    //            a(href = "#") 第四会议室
            //li(role='separator').divider
            //li
            //    a(href='#') Separated link
    //span#myshowspan.text-right 预约情况

    ////默认是div
    //#page
    //    .page-header
    //    #calendar

    //dl.text-muted.usage
    //    dt 使用帮助
    //    dd
    //        ol
    //        li 点击或拖选区域创建预约
    //        li 拖动更改预约时间
    //        li 拖动预约下面的=号更改预约时长

    //script#pop_tpl(type='text/html').
    //    <div class="bubble">
    //        <a class="close" href="javascript:">&times;</a>
    //        <div name="userData">
    //            <input name="id" type="hidden" value="${id}"/>
    //            <input name="start" type="hidden" value="${start}"/>
    //            <input name="end" type="hidden" value="${end}"/>
    //            <div class="information">
    //                <div class="group-wrap">
    //                    <label>时间：</label>
    //                    <div class="input-wrapper">${time}</div>
    //                </div>
    //                <div class="group-wrap">
    //                    <label>标题：</label>
    //                    <input class="input" type="text" name="title" value="${title}"/>
    //                    <span class="text-muted space-before">例如：技术部周例会</span>
    //                </div>
    //                <div class="group-wrap">
    //                    <label>地点：</label>
    //                    <select class="input-wrapper" name="room_id"></select>
    //                </div>
    //            </div>
    //                <div class="group-wrap" style="padding-bottom: 3px">
    //                    <label></label>
    //                    <div class="input-wrapper">
    //                        <button type="button" class="btn btn-primary">保存</button>
    //                        <button type="button" class="pull-right btn btn-danger" data-id="${id}">删除</button>
    //                    </div>
    //                </div>
    //        </div>
    //        <div class="arrow"></div>
        </div>
block scripts
    script(src='/vendor/moment.min.js')
    script(src='/vendor/jquery-3.1.1/jquery-3.1.1.min.js')
    script(src='/vendor/fullcalendar-3.1.0/fullcalendar.js')
    //script(src='/vendor/fullcalendar-3.1.0/fullcalendar.min.js')
    script(src='/vendor/fullcalendar-3.1.0/zh-cn.js')
    //script(src='/vendor/notify.js')
    script(src='/vendor/strbuf.js')
    script(src='/js/views/rooms.js')
    script(src='/js/views/colorStatus.js')
    script(src='/js/views/reservation.js')




